<template>
  <div id="product-list-one">
    <h2>product list two</h2>
    <ul>
      <li v-for="(product,index) in product" :key="index">
        <span class="name">{{product.name}}</span>
        <span class="price">{{product.price}}</span>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  props: ["product"],
  data() {
    return {};
  }
};
</script>